<template>
  <div>
    <h2>单页面多路由区域</h2>
    <router-link to="/route2/rh1">rh1</router-link>
    <router-view></router-view>
    <div class="disflex">
      <router-view name="view1"></router-view>
    <router-view name="view2"></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: 'route2'
}
</script>

<style>
.disflex{
  display: flex;
  justify-content: space-around;
}
</style>
